﻿

/* ----- Mine ------ */

table {
    width:100%;
}

.table-striped {
    border: 1px solid #dddddd;
}

.body-content .table {
    width:initial;
}

.sidebox {
    border:1px solid gray;
    background-color:gainsboro;
    padding:7px 20px 0px 20px;
    border-radius: 10px;
    float:left;/*!!!*/
    margin-bottom:14px;
    margin-right: 10px;
}

img.sidebox-image {
    height: auto;
    max-height: 300px;
    max-width: 100%;
    margin-bottom: 8px;
    border-radius: 8px;
}

.sidebox-title {
    text-align:center;
    font-weight:bold;
}

a[href^="http://"]:empty:hover {
    background: url(/content/external.png) center left no-repeat;
    padding-left: 11px;
}
@media screen and (max-width: 480px) {
    a[href^="http://"]:empty {
       background: url(/content/external.png) center left no-repeat;
       padding-left: 11px;
    }
}

/* a link from and article to itself*/
a.self-link {
    font-weight: bold;
    color: initial;
    text-decoration: initial;
}

/* a link to non existing page*/
a.dead-link {
    color: #BA0000;
}

a.page-link {
    color: #0B0080;
}

a.page-linka:visited {
    color: #6017CA;
}

textarea.edit-content-field {
    width:100%;
    height:500px;
}


@media (min-width: 1500px) {
    .container {
    max-width: 1470px;
    }
}

input[type='checkbox'], input[type='radio'] {
    height: 13px;
    width: 13px;
}
input[type='checkbox'].large, input[type='radio'].large {
    height: 30px;
    width: 30px;
}

#tinymce img {
    float:left;
    clear:left;
    padding: 7px;
}
figure {
    margin: 6px;
    margin-left: 4px;
    background-color: #f9f9f9;
    padding: 7px;
    display: inline-block;
    border: 1px solid #ccc;
    float: left;
    clear:left;
    border-radius: 5px;
    /*box-shadow: 2px 2px 10px #888888;*/
}

figcaption {
        font-size: 90%;
        margin: 3px 4px 0px 4px;
}

blockquote {
    padding: 5px 10px;
    margin: 10px 0 20px;
}
blockquote p {
    font-style: italic;
    font-size: inherit;
}

footer {
    font-size:smaller;
    color:darkgray;
    text-align:left;
}


ul.action-menu {
    list-style-type: none;
    display: inline-block;
}

ul.action-menu > li{
    display: inline-block;   /* You can also add some margins here to make it look prettier */
    *display:inline; /* this fix is needed for IE7- */
    padding-left: 10px;
}

span.comment {
    color: gray;
    font-family: cursive;
    background-color: lightyellow;
}

h1 {
    display: inline-block;
}

tr.spacer {
    height: 10px;
}



table.nutrition-data-table {
    background-color: white;
    border: 1px solid gray;
    margin-top: 7px;
    margin-bottom: 7px;
}

table.nutrition-data-table td, table.nutrition-data-table th {
    padding-left: 7px;
    padding-right: 7px;
}

tr.nutrition-data-row, tr.nutrition-data-row-sub {
    border-top: 1px solid gray;
}

tr.nutrition-data-row-sub {
    font-size: small;
}

tr.nutrition-data-row-sub th.nutrition-data-row-header {
    font-weight: normal;
    padding-right: 14px;
}

table.nutrition-data-table thead th {
    text-align: center;
    font-size: large;
}

label {
    font-weight:initial;
}

.navbar-header:after {
clear: initial;
}

.navbar-form {
    padding: 0;
    margin-left: 0;
    margin-right: 0;
}

.navbar-nav {
    width: 310px;
    margin-top: 0;
    margin-left: 15px;
}

@media screen and (max-width: 420px) {
    .navbar-nav {
    right: 80px;
    position: absolute;
    width:auto;
    }
}

@media screen and (min-width: 480px) {
   .multi-column {
         -webkit-column-count: 2;
        -moz-column-count: 2; 
        column-count: 2;
    }
}
@media screen and (min-width: 720px) {
   .multi-column {
         -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
@media screen and (min-width: 1280px) {
   .multi-column {
         -webkit-column-count: 4;
        -moz-column-count: 4;
        column-count: 4;
    }
}

@media screen and (max-width: 768px) {
    .editor-save-panel {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 5px 15px;
        z-index: 1000;
        background-color: #222222;
    }
}

.spaced{
    margin-bottom: 10px;
}

a.favorite-icon {
     position: absolute;
     left: 8px;
     background: url(/content/star.png) no-repeat top left;
     display: block;
     width: 20px;
     height: 20px;
     text-indent: -9999px;  /*hides the link text */
}

li.favorite {
    list-style-image: url(/content/small_star.png);
}
li.recommended {
    list-style-image: url(/content/small_good.png);
}

.nutrition-good-20 td:last-child {
    background: linear-gradient(to right, #f0fff0, transparent);
}
.nutrition-good-40 td:last-child {
    background: linear-gradient(to right, #e0ffe0, transparent);
}
.nutrition-good-60 td:last-child {
    background: linear-gradient(to right, #c0ffc0, transparent);
}
.nutrition-good-80 td:last-child, .nutrition-good-100 td:last-child {
    background: linear-gradient(to right, #a0ffa0, transparent);
}


.nutrition-bad-20 td:last-child {
    background: linear-gradient(to right, #ffe0e0, transparent);
}
.nutrition-bad-40 td:last-child {
    background: linear-gradient(to right, #ffd5d5, transparent);
}
.nutrition-bad-60 td:last-child {
    background: linear-gradient(to right, #ffb3b3, transparent);
}
.nutrition-bad-80 td:last-child {
    background: linear-gradient(to right, #ff9191, transparent);
}
.nutrition-bad-100 td:last-child {
    background: linear-gradient(to right, #ff7e7e, transparent);
}


.nutrition-avoid-40 td:last-child {
    background: linear-gradient(to right, #ffe0e0, transparent);
}
.nutrition-avoid-60 td:last-child {
    background: linear-gradient(to right, #ffb3b3, transparent);
}
.nutrition-avoid-80 td:last-child {
    background: linear-gradient(to right, #ff9191, transparent);
}
.nutrition-avoid-100 td:last-child {
    background: linear-gradient(to right, #ff7e7e, transparent);
}



/* ------  Diff related styles  ------ */

ins.diffins, ins.diffmod,  ins.diffins figure,  ins.diffmod figure{
	background-color: #cfc;
	text-decoration:inherit;
}

del.diffdel, del.diffmod,  del.diffdel figure,  del.diffmod figure {
	color: #999;
	background-color:#FEC8C8;
}

ins.diffstyle,  ins.diffstyle figure {
    background-color: #FFE1AC;
}





/* ------ Pre made ------ */

body {
    padding-top: 50px;
    padding-bottom: 20px;
    direction: rtl;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}
